<!DOCTYPE html>
<style>
    html { background-color: white; }
    div {
        width: 200px;
        height: 20px;
    }
    #d1 { background-color: #d2f9d2; }
    #d2 { background-color: #79ec79; }
    #d3 { background-color: #79ec79; }
    #d4 { background-color: #20df20; }
    #d5 { background-color: #20df20; }
    #d6 { background-color: #20df20; }
    #d7 { background-color: #d2f9d2; }
    #d8 { background-color: #79ec79; }
    #d9 { background-color: #79ec79; }
    #d10 { background-color: #79ec79; }
    #d11 { background-color: #2020df; }
    #d12 { background-color: #2020df; }
    #d13 { background-color: #79ec79; }
    #d14 { background-color: #66ffff; }
    #d15 { background-color: #ffffff; }
    #d16 { background-color: #ff0000; }
    #d17 { background-color: #808080; }
    #d18 { background-color: #000000; }
    #d19 { background-color: #ffffff; }
</style>
<div id="d1">1</div>
<div id="d2">2</div>
<div id="d3">3</div>
<div id="d4">4</div>
<div id="d5">5</div>
<div id="d6">6</div>
<div id="d7">7</div>
<div id="d8">8</div>
<div id="d9">9</div>
<div id="d10">10</div>
<div id="d11">11</div>
<div id="d12">12</div>
<div id="d13">13</div>
<div id="d14">14</div>
<div id="d15">15</div>
<div id="d16">16</div>
<div id="d17">17</div>
<div id="d18">18</div>
<div id="d19">19</div>
